<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>图片插入</title>
    </head>
    <body>
<!--        src用来保存图片的路径 alt用来保存图片加载失败的替换文字信息-->
<!--        从当前html文件出发去找图片资源,注意要写完整的图片名! name.suffix -->
<!--        1)图片与html文件在同一级目录,直接写图片全名 1.png
            2)图片与html文件的下一级目录,先写文件夹名,再写文件夹下的图片全名 img/1.png
            3)图片在html文件的上一级目录,先../回到上一级目录,再写图片全名 ../1.png-->

        <img src="1111.png" alt="哎呀,图片被外星人偷走了">
<!--        相对路径(相对安全,公司用得较多):会随着html文件的位置与资源的位置变化而变化-->
        <img src="1.png" alt="">
        <img src="img/2.png" alt="">
        <img src="../3.png" alt="">
<!--        绝对路径:从盘符或协议开始-->
        <img src="https://cdn.tmooc.cn/bsfile//courseImg///d7018e5f28764959969f4ff439fe95b1.jpg" alt="">
        <hr>
<!--        width设置图片宽度  height设置图片高度
            设置尺寸时注意图片的失真问题,尽量改一个,另一个会依据图片的原始比例跟着改-->
        <img src="img/fcq.jpg" width="100px" height="200px" title="这是一张帅照">
    </body>
</html>